<template>
  <div class="homeList">
    <el-button @click="show = !show">开始</el-button>
    <div style="height: 400px;width: 100%;"></div>
    <BarList :data="data.menuList"></BarList>
    <RightHistoryList v-model:show="show"></RightHistoryList>
  </div>
</template>

<script lang="ts" setup>
import { useStore } from "vuex";
import { authModelUse } from "@/store/module/AuthModel";
import { ref, reactive } from "vue";
import BarList from "./barList.vue";
import RightHistoryList from "./rightHistoryList.vue";
const data = reactive({
  userName: '',
  menuList: [
    { name:"测试地址0-1", path:'/child',children:[
      { name:"测试地址1-1",path:'',children:[
        { name:"测试地址2-1",path:'',children:[
          { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        ]},
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },

      ]},
      { name:"测试地址1-2",path:'',children:[
        { name:"测试地址1-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
        { name:"测试地址2-1",path:'' },
        { name:"测试地址2-2",path:'' },
        { name:"测试地址2-3",path:'' },
      ]},
      { name:"测试地址1-3",path:'' },
      { name:"测试地址2-1",path:'' },
      { name:"测试地址2-2",path:'' },
      { name:"测试地址2-3",path:'' },
      { name:"测试地址2-1",path:'' },
      { name:"测试地址2-2",path:'' },
      { name:"测试地址2-3",path:'' },
      { name:"测试地址2-1",path:'' },
      { name:"测试地址2-2",path:'' },
      { name:"测试地址2-3",path:'' },
      { name:"测试地址2-1",path:'' },
      { name:"测试地址2-2",path:'' },
      { name:"测试地址2-3",path:'' },
      { name:"测试地址2-1",path:'' },
      { name:"测试地址2-2",path:'' },
      { name:"测试地址2-3",path:'' },
      { name:"测试地址2-1",path:'' },
      { name:"测试地址2-2",path:'' },
      { name:"测试地址2-3",path:'' },
      { name:"测试地址2-1",path:'' },
      { name:"测试地址2-2",path:'' },
      { name:"测试地址2-3",path:'' },
      { name:"测试地址2-1",path:'' },
      { name:"测试地址2-2",path:'' },
      { name:"测试地址2-3",path:'' },
      { name:"测试地址2-1",path:'' },
      { name:"测试地址2-2",path:'' },
      { name:"测试地址2-3",path:'' },
      { name:"测试地址2-1",path:'' },
    ]},
    { name:"测试地址0-2", path:'/child1' },
    { name:"测试地址0-3", path:'/child2' },
  ]
})

let store = authModelUse(useStore())

let show = ref(false)

const historyListShow = ()=>{
  store.commit('setHistoryListShow', true);
  show.value = store.state.showHistory;
}


</script>

<style lang="scss" scoped>
@import '@/assets/systemCss/pageList/homeList.scss';
</style>
